<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%> 
<html>
<body class="easyui-layout list_body">
<form id="logOnForm" name="logOnForm" >
	<div class="list_body_north" data-options="region:'north'" border="false">
	 	<!-- 查询表单 -->
	 	<div  class="datagrid-toolbar" border="false"  >
				<span>起始日期:</span> 
				<input type="text" id="startDate" name="startDate" class="easyui-datebox" data-options="editable:false" value="${currentDate}"/>
				<span>结束日期:</span> 
				<input type="text" id="endDate" name="endDate" class="easyui-datebox" data-options="editable:false" value="${currentDate}"/>
				<span>会员编号:</span>
				<input id="custom_no" type="text" name="custom_no"  class="easyui-textbox"  >
				<span>客户手机号:</span>
				<input id="custom_phone" type="text" name="custom_phone"  class="easyui-textbox"  >
				<br/>
				<span>app类型:</span>
				<code:codeSelect name="appType" id="appType" code_type="APP_TYPE" showSelect="true"></code:codeSelect>
				<span>app的唯一编号:</span>
				<input id="app_id" type="text" name="app_id"  class="easyui-textbox"  >
				<span>客户端android或ios系统的终端标识码:</span>
				<input id="system_uuid" type="text" name="system_uuid"  class="easyui-textbox"  >
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-search" onclick="doSearch() ">查询</a>
			 	<a href="#" class="easyui-linkbutton btn" iconCls="icon-reload" onclick="resetForm() ">重置</a>
		</div>
	</div>
	<div data-options="region:'center'" border="false" class="list_body_center">
		<!-- 表格 -->
	    <table id="LogOnTableId" fit="true"></table>
    </div>
</form> 
</body>
<script type="text/javascript">
  function doSearch() {	 
	  grid.load({
			startDate: $('#startDate').val(),
			endDate: $('#endDate').val(),
			custom_no: $('#custom_no').val(),
			custom_phone: $('#custom_phone').val(),
			appType: $('#appType').val(),
			app_id: $('#app_id').val(),
            system_uuid: $('#system_uuid').val()
		});
  }
  var grid;
  $(document).ready(function() {
	  grid = $("#LogOnTableId").jpgrid({
			url: "getLogOnListJson.do",
          	baseColumns : false,
			columns: [
				{title: "登录时间", field: "LOGON_TS",width: 150,align:"center"},
				{title: "会员编号", field: "CUSTOM_NO",width: 150,align:"center"},
				{title: "客户名称", field: "CUSTOM_NAME",width: 150,align:"center"},
				{title: "app版本", field: "CLIENT_VERSION",width: 80,align:"center"},
				{title: "app类型", field: "APPTYPE",width: 130,align:"center"},
				{title: "app的唯一编号", field: "APP_ID",width: 200,align:"center"},
				{title: "客户端设备操作系统名称", field: "SYSTEM_NAME",width: 120,align:"center"},
				{title: "客户端android或ios系统的终端标识码", field: "SYSTEM_UUID",width: 300,align:"center"},
				{title: "客户端android或ios版本", field: "SYSTEM_VERSION",width: 120,align:"center"},
				{title: "设备型号", field: "SYSTEM_DEVICE_MODEL",width: 120,align:"center"},
				{title: "国家", field: "COUNTRY",width: 120,align:"center"},
				{title: "省", field: "PROVINCE",width: 120,align:"center"},
				{title: "市", field: "LOCALITY",width: 120,align:"center"},
				{title: "区", field: "SUBLOCALITY",width: 120,align:"center"},
				{title: "街道", field: "THOROUGHFARE",width: 120,align:"center"},
				{title: "子街道", field: "SUBTHOROUGHFARE",width: 120,align:"center"},
				{title: "详细地址", field: "LOCALADDRESS",width: 200,align:"center"},
				{title: "经度", field: "LONGITUDE",width: 120,align:"center"},
				{title: "纬度", field: "LATITUDE",width: 120,align:"center"}
			]
		});	 
  });
</script>
</html>
